<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"   
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f = "http://java.sun.com/jsf/core"
      >
    <h:body>
    	
    	<ui:composition template="/template/commonLayout.xhtml">
    	
    		<ui:define name="content">
		<p:messages id="messages" showDetail="true" autoUpdate="true" closable="true"/>
		<h:form id="loginForm">
			<h:panelGrid columns="" rendered="#{!employeeView.loggedIn}" styleClass="login_table">

				<h:outputLabel for="username" styleClass="login-label">Username</h:outputLabel>
				<h:inputText id="username" value="#{employeeView.username}" />

				<h:outputLabel for="password" styleClass="login-label">Password</h:outputLabel>
				<h:inputSecret id="password" value="#{employeeView.password}" />

			</h:panelGrid>

			<h:commandButton id="login" styleClass="login" value="Login"
				action="#{employeeView.login}" rendered="#{!employeeView.loggedIn}"/>
		</h:form>
</ui:define>    		
    	</ui:composition>
    	
    </h:body>

</html>